import React from 'react'
import './news.css'
import { List, Divider } from 'antd'

class News extends React.Component {

  state = {
    listData: [
      '跟风？日本议员联盟建议禁用TikTok等中国App',
      '31省份新增确诊68例 其中本土64例 疫情动态',
      '新西兰暂停与香港引渡条约 中国驻新西兰使馆回应',
      '广州地铁通报：有小区加装电梯险钻穿六号线隧道',
      '广州上半年消费投诉报告出炉：四大领域成“重灾区”',
    ]
  }

  render() {
    let { listData } = this.state
    return (
      <div className="news">
        <Divider orientation="left">新闻列表</Divider>
        <List
          size="large"
          header={ <div>热点要闻</div> }
          bordered
          dataSource={ listData }
          renderItem={ (item) => (
            <List.Item>
              { item }
            </List.Item>
          )}
        />
      </div>
    )
  }

}

export default News